// 用于覆盖webpack配置
const {
  override,
  fixBabelImports,
  addWebpackAlias,
  addPostcssPlugins,
} = require('customize-cra')
const path = require('path')
const px2viewport = require('postcss-px-to-viewport')

const babelPlugin = fixBabelImports('import', {
  libraryName: 'antd-mobile',
  style: 'css',
})
const alias = addWebpackAlias({
  '@': path.join(__dirname, 'src'),
  '@sass': path.join(__dirname, 'src/assets/styles'),
})
const postcssPlugins = addPostcssPlugins([
  px2viewport({
    // 视口宽度：可以设置为设计稿的宽度
    viewportWidth: 375,
    // 白名单：不需对其中的 px 单位转成 vw 的样式类类名
    // selectorBlackList: ['.ignore', '.hairlines']
  }),
])
module.exports = override(babelPlugin, alias, postcssPlugins)
